<!-- 
 @description: 登录

 @author: 韦淇霰

 @update: 2021年9月2日14:55:35
 -->
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页</title>
    <link rel="stylesheet" href="../BackStyle/login.css">
    <link rel="stylesheet" href="../../../public/font/css/font-awesome.min.css">
</head>
<body>
    <!-- 背景 -->
    <section id="bg">
       <!-- <img src="../../image/Admin_image/ss.jpg" alt=""> -->
    </section>
    <section id="bigBox">
        <h1>管理员登录</h1>
        <form class="inputBox" action="./Index.html" method="post">
            <section class="inputText">
                <i class="fa fa-user-o" aria-hidden="true"></i>
                <input id="usr" pattern="[\w]{2,}" type="text" placeholder="请输入用户名..." required />
            </section>
            <section class="inputText">
                <i class="fa fa-expeditedssl" aria-hidden="true"></i> 
                <input id="pwd" pattern="[\w]{6,16}" type="password" placeholder="请输入6~16位密码..." required /><br />
            </section>
              <!-- 友情提示 -->
              <section class="firtips"></section>
            <!-- 验证码 -->
            <section class="yzm">
                <input  id="vcode" name="yzm" type="text"maxlength="4" size="4" placeholder="请输入..." />
                <span class="sp" id="code" title="" >点击生成</span>
            </section>
          
            <button type="button" class="inputButton">登录</button>
            
        </form>
    </section>
    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="../BackJS/login.js"></script>
</body>
</html>